<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>氪涵教育</title>
    <meta name="keywords" content="氪涵教育"/>
    <meta name="description" content="氪涵教育"/>
    <meta name="baidu-site-verification" content="4h8F7h4mp0"/>
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="icon" href="img/favicon.ico" type="image/vnd.microsoft.icon">
    <link rel="stylesheet" href="js/lib/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="js/lib/bootstrap.css">
    <link rel="stylesheet" href="js/lib/animate.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">
    <script src='js/lib/jquery-3.2.1.min.js'></script>
    <script src="js/lib/artTemplate-master/dist/template.js"></script>
    <script src='js/lib/swiper-3.4.2.jquery.min.js'></script>
    <script src="js/lib/bootstrap.js"></script>
    <script src='js/lib/wow.min.js'></script>
    <script src='js/api-config.js'></script>
    <script src='js/common.js'></script>
    <script src="js/index.js"></script>
</head>
<body>
@@include('header.html')
<div class="main">
    <div class="bar1">
        <div class="content">
            <img class="person" src="img/index/b1L.png" alt="在线1对1，全科辅导">
            <!--报名-->
            <div id="formWarpper">
                <form class="myForm" id="myForm2">
                    <div class="formTit">
                        <img src="img/index/free.png" alt="免费测评">
                        <p>价值 <span>268元</span> 一对一体验课程</p>
                    </div>
                    <div class="formBody">
                        <input type="text" name="channelAdid" class="channelAdid" value="" style="display:none">
                        <p>
                            <input type="text" name='name' class="name" placeholder="请输入学生姓名">
                        </p>
                        <p class="error nameError">*请输入学生姓名</p>
                        <p>
                            <input type="tel" name='phone' class="mobile" placeholder="请输入手机号">
                        </p>
                        <p class="error mobileError">*请输入手机号</p>
                        <p class="clearfix">
                            <select name="grade" class="grade" style="float:left;">
                                <option value="请选择" selected style="display: none;color: #ccc;">年级</option>
                                <option value="一年级">一年级</option>
                                <option value="二年级">二年级</option>
                                <option value="三年级">三年级</option>
                                <option value="四年级">四年级</option>
                                <option value="五年级">五年级</option>
                                <option value="六年级">六年级</option>
                                <option value="七年级">七年级</option>
                                <option value="八年级">八年级</option>
                                <option value="九年级">九年级</option>
                            </select>
                            <select name="subject" class="kemu" style="float:right;">
                                <option value="请选择" selected style="display: none;color: #ccc;">科目</option>
                                <option value="数学">数学</option>
                                <option value="语文">语文</option>
                                <option value="英语">英语</option>
                            </select>
                        </p>
                    </div>
                    <button class='submit' type='button'>立即领取</button>
                    <p class="read">请阅读 <a href="userAgreement.html">《用户协议》</a> <a
                            href="privacyStatement.html">《隐私声明》</a>后领取课程</p>
                </form>
            </div>
        </div>
    </div>
    <div class="bar2">
        <p class="bar2Title wow fadeInUp">技术赋能 为每个孩子量身定制课堂</p>
        <ul class="bar2Body clearfix content">
            <li class="wow fadeInUp" data-wow-delay="0.2s">
                <img src="img/index/a1.png" alt="AI智能匹配教学">
                <p>AI智能匹配教学</p>
            </li>
            <li class="wow fadeInUp" data-wow-delay="0.4s">
                <img src="img/index/a2.png" alt="4D立体测评">
                <p>4D立体测评</p>
            </li>
            <li class="wow fadeInUp" data-wow-delay="0.6s">
                <img src="img/index/a3.png" alt="AI智能匹配教学">
                <p>大数据教学个性分析</p>
            </li>
            <li class="wow fadeInUp" data-wow-delay="0.8s">
                <img src="img/index/a4.png" alt="AI智能匹配教学">
                <p>C<span class="num60">60</span> OS蜂巢式交互系统</p>
            </li>

        </ul>
    </div>
    <div class="bar3">
        <div class="barTitle wow fadeInUp">
            <h2 class="title1">15万+课件 覆盖全国教材版本</h2>
            <p class="line"></p>
        </div>
        <div class="bar3Body content">
            <div class="bar3Left wow fadeInLeft">
                <p>全国教材版本全覆盖，主打小1到9年级中</br>小学生语数外主科辅导，针对性强</p>
                <a href="#formWarpper">
                    <button class="btn1">0元试听</button>
                </a>
            </div>
        </div>
    </div>
    <div class="bar4">
        <div class="barTitle wow fadeInUp">
            <h2 class="title1">翻转课堂模式 培养学生自主学习能力</h2>
            <p class="line"></p>
        </div>
        <ul class="bar4Body content clearfix">
            <li class="wow fadeInLeft" data-wow-delay="0.2s">
                <div><img src="img/index/c1.png" alt="学优于教"></div>
                <p>学优于教</p>
                <p>同伴共同交流，学习有对照，在良性竞争中积极求知，在课堂小竞赛中共同进步</p>
            </li>
            <li class="wow fadeInRight" data-wow-delay="0.2s">
                <div><img src="img/index/c2.png" alt="尊重个体"></div>
                <p>尊重个体</p>
                <p>关注孩子的个性差异，尊重每个孩子的爱好与特点，教学结合，让学生有乐趣的学习</p>
            </li>
            <li class="wow fadeInLeft" data-wow-delay="0.4s">
                <div><img src="img/index/c3.png" alt="关注家庭"></div>
                <p>关注家庭</p>
                <p>基于每个孩子的学习情况，为他们定制个性化学习方案，培养综合能力</p>
            </li>
            <li class="wow fadeInRight" data-wow-delay="0.5s">
                <div><img src="img/index/c4.png" alt="释放潜力"></div>
                <p>释放潜力</p>
                <p>智能学习系统和教学环境，精准定位，以学生为主,让知识不在浮于表面</p>
            </li>
        </ul>
    </div>
    <div class="bar5">
        <div class="barTitle wow fadeInUp">
            <h2 class="title1">科学课程体系 规划孩子每一步</h2>
            <p class="line"></p>
        </div>
        <ul class="bar5Body content">
            <div class="myWinter">
                <div>
                    <!--选择年级-->
                    <div class="winterTit">
                        <ul id="winterTab" class="nav-tabs translateX">
                            <li class="active" data-grade="primary"><a href="#primary" data-toggle="tab">1-2年级</a></li>
                            <li data-grade="middle_o_t"><a href="#middle_o_t" data-toggle="tab">3-8年级</a></li>
                            <li data-grade="middle_th"><a href="#middle_th" data-toggle="tab">9年级</a></li>
                            <!--<li data-grade="senior_o_t"><a href="#senior_o_t" data-toggle="tab">高一/高二</a></li>-->
                            <!--<li data-grade="senior_th"><a href="#senior_th" data-toggle="tab">高三</a></li>-->
                        </ul>
                    </div>
                    <!--选择科目-->
                    <div id="winterContent" class="tab-content">
                        <div class="tab-pane fade in active" id="primary">
                            <ul>
                                <li data-subject="math"><a href="javascript:;">数学</a><span>/</span></li>
                                <li data-subject="English"><a href="javascript:;">英语</a></li>
                                <li data-subject="Chinese"><a href="javascript:;">语文</a><span>/</span></li>
                            </ul>
                        </div>
                        <div class="tab-pane fade in" id="middle_o_t">
                            <ul>
                                <li data-subject="math"><a href="javascript:;">数学</a><span>/</span></li>
                                <li data-subject="English"><a href="javascript:;">英语</a><span>/</span></li>
                                <li data-subject="Chinese"><a href="javascript:;">语文</a><span>/</span></li>
                                <!--<li data-subject="Physics"><a href="javascript:;">物理</a></li>-->
                            </ul>
                        </div>
                        <div class="tab-pane fade" id="middle_th">
                            <ul>
                                <li data-subject="math"><a href="javascript:;">数学</a><span>/</span></li>
                                <li data-subject="English"><a href="javascript:;">英语</a><span>/</span></li>
                                <li data-subject="Chinese"><a href="javascript:;">语文</a><span>/</span></li>
                                <!--<li data-subject="Physics"><a href="javascript:;">物理</a><span>/</span></li>-->
                                <!--<li data-subject="Chemistry"><a href="javascript:;">化学</a></li>-->
                            </ul>
                        </div>
                        <!--<div class="tab-pane fade" id="senior_o_t">-->
                        <!--<ul>-->
                        <!--<li data-subject="Chinese"><a href="javascript:;">语文</a><span>/</span></li>-->
                        <!--<li data-subject="math"><a href="javascript:;">数学</a><span>/</span></li>-->
                        <!--<li data-subject="English"><a href="javascript:;">英语</a><span>/</span></li>-->
                        <!--<li data-subject="Physics"><a href="javascript:;">物理</a><span>/</span></li>-->
                        <!--<li data-subject="Chemistry"><a href="javascript:;">化学</a><span>/</span></li>-->
                        <!--<li data-subject="biont"><a href="javascript:;">生物</a></li>-->
                        <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="tab-pane fade" id="senior_th">-->
                        <!--<ul>-->
                        <!--<li data-subject="Chinese"><a href="javascript:;">语文</a><span>/</span></li>-->
                        <!--<li data-subject="math"><a href="javascript:;">数学</a><span>/</span></li>-->
                        <!--<li data-subject="English"><a href="javascript:;">英语</a><span>/</span></li>-->
                        <!--<li data-subject="Physics"><a href="javascript:;">物理</a><span>/</span></li>-->
                        <!--<li data-subject="Chemistry"><a href="javascript:;">化学</a><span>/</span></li>-->
                        <!--<li data-subject="biont"><a href="javascript:;">生物</a></li>-->
                        <!--</ul>-->
                        <!--</div>-->
                    </div>
                </div>
                <!--内容-->
                <div class="tab-pane fade in" id="winterAll">
                </div>
            </div>
        </ul>
    </div>
    <div class="bar6">
        <div class="barTitle wow fadeInUp">
            <h2 class="title1">我们承诺</h2>
            <p class="line"></p>
        </div>
        <ul class="bar6Body content clearfix">
            <li class="wow fadeInLeft">
                <img src="img/index/e1.png" alt="无忧退款">
                <p>无忧退款</p>
                <p>我们承诺，对首次购买的课程或者服务不满意，在开课后30天内，且上课少于12节的情况下，可申请全额退款</p>
            </li>
            <li class="wow fadeInUp">
                <img src="img/index/e2.png" alt="名校老师">
                <p>名校老师</p>
                <p>我们承诺，所有授课老师均来自全国各大名校，均具备本科及以上学历和丰富的教学经验，授课认真，爱孩子、懂教育</p>
            </li>
            <li class="wow fadeInRight">
                <img src="img/index/e3.png" alt="无忧退款">
                <p>专业服务</p>
                <p>具备专业教育背景的教师，100%聚焦孩子学习效果，实时响应学员需求</p>
            </li>
        </ul>
    </div>
    <div class="bar7">
        <div class="barTitle wow fadeInUp">
            <h2 class="title1">简单三步 开启一对一在线之旅</h2>
            <p class="line"></p>
        </div>
        <ul class="bar6Body content clearfix wow fadeInUp">
            <li>
                <img src="img/index/f1.png" alt="预约体验">
                <p>预约体验-在线测评</p></li>
            <li>
                <img src="img/index/f2.png" alt="免费领取">
                <p>根据测评结果找出学生薄弱点，领<br>
                    取学生个性辅导方案</p>
            </li>
            <li>
                <img src="img/index/f3.png" alt="准备电脑/iPad/手机和耳机随时随地都能上课">
                <p>
                    准备电脑/iPad/手机和耳机<br>
                    随时随地都能上课
                </p>
            </li>
        </ul>
    </div>
</div>
@@include('footer.html')
</body>

<script type="text/html" id="winter">
    <ul class="clearfix">
        {{each Chinese as value i}}
        <li class="text-align-C">
            <div class="txtHead">
                <div class="translateXY">
                    <h1 class="level">{{value.subject}}</h1>
                    <h2 class="grade">{{value.grade}}</h2>
                </div>
            </div>
            <div class="txtBody">
                <p class="text-align-L translateX">{{value.content}}</p>
            </div>
        </li>
        {{/each}}
    </ul>
</script>
<script>
  $(function () {

  })
</script>
</html>